<div class="overhaul-table-container ">
  <p-dataTable [value]="turboperHistorys" expandableRows="true" selectionMode="single" [(selection)]="selectTurboperHistory"
    [paginator]="true" rows="15" [responsive]="true">
    <p-column expander="true" styleClass="col-icon"></p-column>
    <p-column field="deviceName" header="风机"></p-column>
    <p-column field="operCategoryName" header="计划类型"></p-column>
    <p-column field="operDesc" header="故障描述"></p-column>
    <p-column field="operStartTime" header="故障发生时间">
      <ng-template let-col let-data="rowData" pTemplate="body">
        <span>{{data[col.field] |date : "yyyy-MM-dd HH:mm"}}</span>
      </ng-template>
    </p-column>
    <p-column field="operEndTime" header="恢复运行时间">
      <ng-template let-col let-data="rowData" pTemplate="body">
        <span>{{data[col.field] |date : "yyyy-MM-dd HH:mm"}}</span>
      </ng-template>
    </p-column>
    <p-column field="stopTime" header="持续时间(h)"></p-column>
    <p-column field="lossPower" header="损失电量(万kWh)">
      <ng-template let-col let-data="rowData" pTemplate="body">
        <span>{{data[col.field]*ratio |number:'1.0-2'}}</span>
      </ng-template>
    </p-column>
    <p-column field="operAnalysis" header="故障原因分析"></p-column>
    <p-column field="operProcess" header="故障处理过程"></p-column>
    <ng-template let-car pTemplate="rowexpansion">
      <div class="ui-grid ui-grid-responsive ui-fluid" style="font-size:14px">
        <div class="ui-grid-row">

          <div class="ui-grid-col-12">
            <div class="ui-grid ui-grid-responsive ui-grid-pad">
              <div class="ui-grid-row">
                <div class="ui-grid-col-1 label">故障描述: </div>
                <div class="ui-grid-col-11">
                  {{car.operDesc}}
                </div>
              </div>
              <div class="ui-grid ui-grid-responsive ui-grid-pad">
                <div class="ui-grid-row">
                  <div class="ui-grid-col-1 label">原因分析: </div>
                  <div class="ui-grid-col-11">
                    {{car.operAnalysis}}
                  </div>
                </div>
                <div class="ui-grid-row">
                  <div class="ui-grid-col-1 label">处理过程: </div>
                  <div class="ui-grid-col-11">
                    {{car.operProcess}}
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </ng-template>
  </p-dataTable>
</div>